<%@ include file="/common/include.jsp" %>

<head>
	<link type="text/css" href="../styles/ui/jquery.ui.core.css" rel="stylesheet" />
	<link type="text/css" href="../styles/ui/jquery.ui.theme.css" rel="stylesheet" />
	<link type="text/css" href="../styles/tabs/jquery.ui.tabs.css" rel="stylesheet" />
	<link type="text/css" href="../styles/tooltip/jquery.tooltip.css" rel="stylesheet" />
	<link type="text/css" href="../styles/datepicker/jquery.ui.datepicker.css" rel="stylesheet" />
	<link type="text/css" href="../styles/graphic.css" rel="stylesheet" /> 
	
	<script src="../scripts/jquery/jquery.js" type="text/javascript"></script>
	<script src="../scripts/ui/jquery.ui.core.js" type="text/javascript"></script> 
	<script src="../scripts/ui/jquery.ui.widget.js" type="text/javascript"></script> 
	<script src="../scripts/ui/jquery.ui.tabs.js" type="text/javascript"></script>
	<script src="../scripts/tooltip/jquery.tooltip.js" type="text/javascript"></script>
	<script src="../scripts/ui/jquery.ui.datepicker.js" type="text/javascript"></script>
	<script src="../scripts/ui/jquery.ui.block.js" type="text/javascript"></script>
	
	<script src="/devmeter/dwr/engine.js" type="text/javascript"></script>
	<script src="/devmeter/dwr/interface/Model.js" type="text/javascript"></script>
	<script src="/devmeter/dwr/interface/Options.js" type="text/javascript"></script>
	<script src="/devmeter/dwr/interface/Statistics.js" type="text/javascript"></script>
	
	<script src="../scripts/ajaxModel.js" type="text/javascript"></script>
	<script src="../scripts/ajaxOptions.js" type="text/javascript"></script>
	<script src="../scripts/ajaxGraphics.js" type="text/javascript"></script>
	
	<style type="text/css">
		#panelOptions {
			display: none;
		}
		
		#panelStatistics {
			display: none;
		}
		
		#metric_1 {
			display: none;
		}
	</style>
	
	<script type="text/javascript">
		$(document).ready(function(){
			generateGraphic();
			loadOptionsByRepository();
			loadMetricsByRepository();
		});

		$(function() {
			$("#tabs").tabs();
			
			$(".tip").tooltip({
				track: true,
				delay: 0,
				showURL: false,
				showBody: " - ",
				extraClass: "tip",
				fixPNG: true,
				left: -120
			});
		});

		$(function() {
			$("#start").datepicker();
			$("#finish").datepicker();
		});
	</script>
</head>

<s:actionerror/>
<s:actionmessage/>

<h2><s:property value="%{project.name}"/> </h2>

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Summary</a></li> 
		<li><a href="#tabs-2">Contribution Model</a></li>
		<li><a href="#tabs-3">Graphic Reports</a></li>
		<li><a href="#tabs-4">Export Reports</a></li>
	</ul> 
	<div id="tabs-1"> 
		<%@include file="/report/tab-summary.jsp" %> 
	</div>
	<div id="tabs-2"> 
		<%@include file="/report/tab-model-report.jsp" %>
	</div>
	<div id="tabs-3"> 
		<%@include file="/report/tab-graphic-report.jsp" %> 
	</div>
	<div id="tabs-4"> 
		<%@include file="/report/tab-export-report.jsp" %>
	</div>
	
</div>

<s:hidden name="project.name" value="%{project.name}" id="projectName" />